<%--
  Created by IntelliJ IDEA.
  User: bin.liu
  Date: 2018/12/5
  Time: 16:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<jsp:include page="/pages/sysIndex/default.jsp"/>
<div class="main-content">
    <div class="box box-main">
        <div class="box-header">
            <div class="box-title">
                <i class="fa icon-trophy"></i> 区域管理
            </div>
            <div class="box-tools pull-right">
                <%--<a href="#" class="btn btn-default" id="btnSearch" title="查询"><i class="fa fa-filter"></i> 查询</a>--%>
                <sec:authorize access="hasRole('ROLE_ENTERPRISE_AREA_EDIT')">
                    <a href="javascript:;" onclick="vLayuiUtil.openLayerWindow('wArea',
                            '<c:url value="/web/admin/area/editPage.action"/>','新增区域')" class="btn btn-default btnTool" title="新增区域"><i class="fa fa-plus"></i> 新增</a>
                </sec:authorize>
            </div>
        </div>

        <div class="box-body">
            <form id="searchForm" action="<c:url value="/web/admin/area/listJson.action"/>" method="post" class="form-inline hide" data-page-no="1" data-page-size="20" data-order-by="">
                <div class="form-group">
                    <label class="control-label">搜索：</label>
                    <div class="control-inline">
                        <input type="text" id="searchCode" name="searchCode" value="" maxlength="64" class="form-control width-120">
                    </div>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-sm">查询</button>
                    <button type="reset" class="btn btn-default btn-sm">重置</button>
                </div>
            </form>

            <table id="dataGrid"></table>
            <div id="dataGridPage"></div>
        </div>

    </div>
</div>
<script>
    $('#dataGrid').dataGrid({
        searchForm: $("#searchForm"),
        columnModel: [
            <sec:authorize access="hasRole('ROLE_ENTERPRISE_AREA_EDIT')">
            {
                header: '操作',
                name: 'actions',
                width: 60,
                sortable: false,
                title: false,
                formatter: function (val, obj, row, act) {
                    var editUrl='<c:url value="/web/admin/area/editPage.action?id="/>'+row.id;
                    return '<a href="javascript:;" class="btn btn-default btn-xs btnList" onclick="vLayuiUtil.openLayerWindow(\'wArea\', \''+editUrl+'\',\'编辑区域\')"><i class="fa fa-pencil">编辑</i></a>&nbsp;';
                }
            },
            </sec:authorize>
            {header:'ID', name:'id', index:'id', width:100, align:"center"},
            {header:'区域名称', name:'areaName', index:'areaName', width:100, align:"center"},
            {header:'区域编号', name:'areaCode', index:'areaCode', width:80, align:"center"},
            {header:'创建人', name:'systemUserName', index:'systemUserName', width:100, align:"center"},
            {header:'所属企业', name:'enterpriseName', index:'enterprise', width:80, align:"center"}
        ],
        treeGrid: true,			// 启用树结构表格
        defaultExpandLevel: 0,	// 默认展开的层次
        expandNodeClearPostData: true, // 展开节点清理请求参数数据（一般设置查询条件的字段属性，否则在查询后，不能展开子节点数据）
        // 加载成功后执行事件
        ajaxSuccess: function(data){

        }
    });

</script>